<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    <link rel="stylesheet" href="Login.css">
<%--    <script src="login.js"></script>--%>
</head>
<body>
<!--设置最外层框架-->
<div id="outermostFramework">
    <!--登录框-->
    <div id="loginBox">
        <!--登录框头部-->
        <div id="loginBoxHead">
            <p>账号密码登录</p>
        </div>
        <!--登录提示信息-->
        <div id="loginTips">
            <p>
                <span>推荐使用</span>
                <a href="#">快速安全登录</a>
                <span>，防止盗号。</span>
            </p>
            <p id="loginError">请输入正确的账号密码</p>
        </div>
        <!--账号密码输入框-->
        <form action="loginJudge.jsp">
            <div id="account">
                <input id="username" class="accountNP" type="text" name="userName" placeholder="请输入您的账号"><br>
                <input id="password" class="accountNP" type="password" name="passWord" placeholder="密码"><br>
                <input id="login" type="submit" value="登录">
            </div>
        </form>
        <!--登录框底部-->
        <div id="loginBoxFooter">
            <p>
                <a href="#">忘了密码？</a>
                <span>|</span>
                <a href="register.jsp">注册新账号</a>
                <span>|</span>
                <a href="#">意见反馈</a>
                <span>&nbsp;&nbsp;&nbsp;</span>
            </p>
        </div>
    </div>
</div>
</body>
</html>
